<%@page import="com.liangzi.project.constants.SystemConstants"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../head/head.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<!-- 是否启用 WebAPP 全屏模式 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 屏蔽数字自动识别为电话号码 -->
		<meta name="format-detection" content="telephone=no">
		<meta content="width=device-width,initial-scale=1,shrink-to-fit=no,user-scalable=no" name="viewport" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="telephone=no" name="format-detection" />
		<meta name="full-screen" content="yes" />
		<meta name="browsermode" content="application" />
		<meta name="x5-orientation" content="portrait" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="x5-page-mode" content="app" />
		<title>物料下载</title>
		<link href="<%=basePath %>/static/css/all.css" rel="stylesheet" type="text/css">
		<script src="<%=basePath %>/static/js/flexible.js"></script>
		<script src="<%=basePath %>/static/js/jquery.js"></script>
		<style media="screen">
		.header {
			width: 100%;
			height: 45px;
			line-height: 45px;
			position: relative;
			text-align: center;
			background: #f9f9f9;
		}
		.header	&:after {
				width: 100%;
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				border-bottom: 1px solid #a5a5a5;
				-webkit-transform: scaleY(0.5);
				-webkit-transform-origin: 0 0;
		}
		.header	.title {
				font-size: 18px;
				color: #3b3b3b;
		}
		.header	.history {
				width: 42px;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 99;
				background: url("../static/image/history.png") no-repeat center center;
				background-size: 11px 21px;
		}
		</style>
	</head>

	<body>
		<div class="header">
			<a class="history" href="javascript:history.go(-1);"></a>
			<span class="title">宣传画册下载</span>
		</div>
		<input id="copyUrl" type="hidden" value="123123"/>
		<div class="main_box">
			<dl class="list">
				<dt class="h3 h3_hb">海报<dt>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">正方形版</p>
							<p class="num">尺寸:600x600(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/poster-600X600/海报_600x600_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/poster-600X600/海报_600x600_B面.jpg" class="btn">B面</a>
							<!--
							<a href="javascript:;" class="btn JS_dialog">复制链接</a>
							 -->
						</div>
					</div>
				</dd>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">横版</p>
							<p class="num">尺寸:800x600(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/poster-transverse-800X600/海报_横版_800x600_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/poster-transverse-800X600/海报_横版_800x600_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">竖版_1</p>
							<p class="num">尺寸:600x800(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/poster-vertical-600X800/海报_竖版1_600x800_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/poster-vertical-600X800/海报_竖版1_600x800_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>
				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">竖版_2</p>
							<p class="num">尺寸:600x800(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/poster-vertical2-600X800/海报_竖版2_600x800_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/poster-vertical2-600X800/海报_竖版2_600x800_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>
			</dl>

			<dl class="list">
				<dt class="h3 h3_sp">水牌</dt>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">横版_1</p>
							<p class="num">尺寸:200x100(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/signage-transverse-200X100/水牌_横版_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/signage-transverse-200X100/水牌_横版_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">竖版_1</p>
							<p class="num">尺寸:100x200(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/signage-vertical-100X200/水牌_竖版_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/signage-vertical-100X200/水牌_竖版_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">横版_2(A4尺寸)</p>
							<p class="num">尺寸:297x210(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/signage-transverse-A4/水牌_A4_横版_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/signage-transverse-A4/水牌_A4_横版_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>

				<dd class="item">
					<div class="inner">
						<div class="name">
							<p class="tex">竖版_2(A4尺寸)</p>
							<p class="num">尺寸:210x297(mm)</p>
						</div>
						<div class="btn_box">
							<a href="<%=imgServer%>/resourceDownload/signage-vertical-A4/水牌_A4_竖版_A面.jpg" class="btn">A面</a>
							<a href="<%=imgServer%>/resourceDownload/signage-vertical-A4/水牌_A4_竖版_B面.jpg" class="btn">B面</a>
						</div>
					</div>
				</dd>
			</dl>
		</div>

		<div class="dialog" id="JS_dialog">
			<div class="dialogTable">
				<div class="dialogInner">

					<div class="dialogCtn">
						<h3 class="h3">提示</h3>
						<div class="tex">文件下载链接已复制，您可以将此链接粘贴发送到电脑上再进行下载。</div>
						<div class="bd">
							<span class="btn JS_Close">知道了</span>
						</div>
					</div>

				</div>
			</div>
		</div>

		<script>
			var openWin = function(obj) {
				var winElemt = $('#' + obj);
				var win = {
					show: function() {
						winElemt.show();
					},
					hide: function() {
						winElemt.hide();
					}
				};
				win.show();
				$('.JS_Close').click(function() {
					win.hide();
				});
			};

			$(function(){
				$(".JS_dialog").click(function() {
					var url = $(this).prev("a").attr("href");
					//var clipBoardContent=url;
					//window.clipboardData.setData('text',url);
					var copy = $("#copyUrl");
					copy.val(url);
					copy.get(0).select();
					document.execCommand("Copy");
					openWin("JS_dialog");
				})
			});
		</script>

	</body>

</html>
